﻿@charset "utf-8";
/* CSS Document */


.header_bg{height:72px;}
.banner{ width:100%; height:480px; background:url(../images/banner.png) no-repeat center top;}
.item{ padding:20px 0 0; position:relative;}
.item_list{ height:300px; overflow:hidden; zoom:1; width:1000px;}
.item_list a{ display:block; width:1000px; height:300px; cursor:pointer;}
.item_list a:hover{ text-decoration:none;}
.item_pic{ float:left; width:660px;}
.item_view{ float:left; width:329px; height:298px; background:url(../images/z_08.png) no-repeat; border:1px solid #eaeaea; border-left:9px solid #59b352;}
.item_view h2{ font-size:22px; font-weight:400; width:290px; margin:0 auto; overflow:hidden; white-space:nowrap; padding:25px 0 0 0;text-overflow: ellipsis; color:#072;}
.item_view_intro{ width:290px; margin:0 auto; color:#888; font-size:14px; height:90px; overflow:hidden; padding:10px 19px 15px 20px; line-height:2; border-bottom:1px solid #eaeaea;}
.item_plan{margin:0 auto;}
.item_plan_mun{ overflow:hidden; zoom:1; line-height:20px; color:#a3a3a3; padding-top:5px;}
.item_goal{ float:left;}
.item_goal strong{ color: #666666;}
.state_small{ float:right; color:#fff; background:#2b950b; border-radius:3px; display:block; width:46px; height:20px; text-align:center;}
.state_cash{ background:#ff7200;}
.state_end{ background:#a9a9a9;}
.state_win{ background:#0a7ade;}
.box_list_end .item_goal strong,.box_list_end .item_plan .tips_red,.box_list_end .item_case p strong,.box_list_end .item_plan_mun{ color:#aaa;}
.box_list_end a:link,.box_list_end a:visited{ color:#666;}
.plan_bg{ height:5px; font-size:0; width:225px; background:#cbcbcb; position:relative; margin-top:7px;}
.plan_line{ height:4px; font-size:0; border-top:1px solid #167f04; background:#2b950b; position:absolute; left:0; top:0;}
.item_case{ overflow:hidden; zoom:1; padding-top:3px}
.item_case p{ float:left; width:33%; line-height:24px;}
.item_case p strong{ display:block;}
.item_case_3{ text-align:right;}
.item_view .item_plan{ width:290px;}
.item_view .item_plan_mun{ padding-top:15px;}
.item_view .item_case{ color:#108929; font-weight:900;}
.item_view .plan_bg{ width:290px; margin-top:10px;}
.item_view .item_case{ padding-top:10px;}
.item_view .item_goal{ font-size:14px;}
.item_view .state_small{font-weight:900; width:50px;}
.item_case p strong{ font-size:14px; color:#666;}
.item_view .item_case .item_case_1{ width:39%}
.item_view .item_case .item_case_2{ width:30%}
.item_view .item_case .item_case_3{ width:31%}

.content_bg{ background:#f4f4f4;}

.box{ overflow:hidden; width:1003px;}
.box_list{ overflow:hidden; zoom:1; padding-top:15px; width:1020px;}
.box_list a.orde_card{display:block;}
.box_list a.orde_card:hover{color:#222;}
.box_list dl{ width:235px; height:385px; border-radius:5px; background:#fff; float:left; margin:0 20px 40px 0; box-shadow:2px 2px 3px #aaa;}
.box_list dl dt img{ border-radius:5px 5px 0 0;}
.box_list_tit{ padding:5px; font-size:14px; font-weight:bold;text-overflow: ellipsis; white-space:nowrap; overflow:hidden; width:225px;}
.box_list_author{ color:#999; padding:0 5px; height:48px; overflow:hidden; border-bottom:1px solid #f1f1f1;}
.item_price{ float:left; margin-left:5px;}
.box_list .item_plan{ padding:5px;}
.item_plan .tips_red{color:#666666; font-size:12px; margin-left: 10px;}
.item_case{ color:#bbb;}

.item_tab{position:relative; overflow:hidden; height:300px; width:1000px;}
.item_page{position:absolute; left:10px; bottom:5px; _bottom:10px;}
.item_page a{width:30px; height:8px; background:#fff; display:inline-block; font-size:0; margin:0 3px; overflow:hidden; box-shadow:0 0 2px #aaa;}
.item_page a.current{background:#8fe222;}

/* m.zc viewport */
/* top */
@media only screen and (min-width: 320px) and (max-width: 640px){
    .wap{width:auto;}
    .nav,.top_nav_ti,.h_message,.help_login,.hl_reg,.qq_login,.weibo_login{display:none;}
    .hl_login a.h_login_ring{width:17px; height:17px; background:url(../images/m_t_icon.png) -110px 0 no-repeat #fff; background-size:127px; padding:0; overflow:hidden; text-indent:-99px;}
    .h_right{height:17px; max-width:30%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    .h_login{padding:0;}
    .h_login li,.h_reg .h_name a{line-height:normal;}
    .h_reg .h_name a{height:inherit; padding:0; background:#FFF; font-family:'\5FAE\8F6F\96C5\9ED1';
        font-size:14px; line-height:17px;}
    .h_reg .h_name img{width:17px; height:17px; padding-right:15px;}
    .h_name b{display:none;}

    .banner{height:110px; background-size:160%; background-position:center center;}

    .content_bg .item{ height:0px; overflow:hidden; display:none;}

    .box_tit{padding:15px 10px 10px 10px;}
    .box_tit h2 b{height:20px;}
    .box_tit h2 strong{background-size:140px; height:20px; width:90px;}
    .box_tit h2.box_tit_win strong{background-position:0 -21px;}
    .box_tit .box_tit_more{height:20px; background-size:36px; background-position:0 -5px; width:35px;}

    .box{padding:10px; overflow:inherit;}
    .box_list{padding:0; width:auto; overflow:inherit;}
    .box_list dl{width:100%; margin:0 0 20px 0; height:auto; box-shadow:0px 2px 3px #aaa;}
    .box_list dl dt img{width:100%; height:auto; vertical-align:bottom;}

    .plan_bg{width:100%; border-radius:2px; overflow:hidden;}
    .plan_line{border-radius:2px;}

    .con_win{display:none;}

    .go_top p a{width:0px; height:0px;}

    .footer{padding:20px 10px;}
    .footer .ft_link_bg{display:none;}
    .ft_intro{padding:0;}
}

@media only screen and (min-width: 180px) and (max-width: 319px){
    .banner{height:88px; background-size:170%;}
}
